/* ----------------------------------------------------------------

	footer.scss

-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
#footer {
  //   --#{$prefix}footer-top-border: 1px solid #fff;
  --#{$prefix}copyrights-link-color: #{$gray-50};
  --#{$prefix}copyrights-font-size: 12px;
  position: relative;
  background: $primary url("/assets/images/footer-bg.jpg") no-repeat center;
  background-size: cover;
  // background: $primary;
  color: $gray-300;
  font-size: 14px;
  padding: 58px 0 0;
  margin: 0;
  img {
    max-width: 80px;
  }
  .logo {
    width: 100%;
    max-width: 300px;
  }
  h6 {
    color: $gray-100;
  }
  ul {
    list-style: none;
    padding-left: 0;
    li {
      line-height: 1.8;
      a {
        font-size: 14px;
      }
    }
  }
  a {
    color: $gray-300;
    text-decoration: none;
    font-size: 12px;
    &:hover {
      color: $warning;
      border-bottom: 1px solid $warning;
    }
  }

  &::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(
      19deg,
      rgba(11, 49, 143, 1) 0,
      rgba(11, 49, 143, 0.78)
    );
  }
}

#footer {
  .footer-widgets-wrap {
    position: relative;
    padding: var(--#{$prefix}content-padding) 0;
  }
}

#copyrights {
  padding: 8px 0;
  font-size: var(--#{$prefix}copyrights-font-size);
  line-height: 2;

  i.footer-icon {
    position: relative;
    top: 1px;
    font-size: var(--#{$prefix}copyrights-font-size);
    width: var(--#{$prefix}copyrights-font-size);
    text-align: center;
    margin-right: 3px;
  }

  .text-end a:last-child {
    margin-right: 0;
  }
}

.copyright-links {
  margin-top: 0.5rem;
  color: var(--#{$prefix}copyrights-link-color);
  a {
    display: inline-block;
    margin: 0 0.25rem;
    color: var(--#{$prefix}copyrights-link-color);

    &:hover {
      opacity: 0.91;
      border-bottom: 1px dotted var(--#{$prefix}copyrights-link-color);
    }
    // &:first-child {
    //   margin-left: 0;
    // }
  }
}

.copyrights-menu {
  margin-bottom: 10px;
  a {
    font-size: var(--#{$prefix}copyrights-font-size);
    margin: 0 10px;
    border-bottom: 0 !important;
    &:first-child {
      margin-left: 0;
    }
  }
}

.footer-logo {
  display: block;
  margin-bottom: 30px;
}
